<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水平线标签</title>
</head>
<body>
<hr/>
<hr color="red"/>
<!--
    可以指定水平线的宽度
    默认情况下,是独占整行
    指定了宽度之后,会显示对应宽度的水平线
    宽度的值可以是一个固定值,px属于宽度单位
    也可以是一个百分比,是根据整个宽度相比的
-->
<hr color="green" width="500px"/>
<hr color="blue" width="50%"/>
<!--
    默认情况下,当宽度不是整行时,默认居中
    可以通过align属性指定水平对齐的方式
    其值有三种:left（居左）、center（居中）、right（居右）
-->
<hr color="pink" width="50%" align="left"/>
<hr color="yellow" width="50%" align="right"/>
<!--
    通过size属性指定水平线的厚度
    值越大，厚度越大
-->
<hr size="10" color="red"/>
<hr size="1" color="red"/>
<hr size="20" color="red"/>
</body>
</html>